.flexslider {
		width: 100%;
		position:relative;
		float:left;
		background-color:#F4F4F4;
}

.flexslider li {
		position: relative;
}

.flexslider li .meta {
		position: absolute;
		top: 100px;
		right: 5%;
		width:35%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}
.flexslider li h2 {
		padding: 0;
		font-weight: 600;
		width:auto;
		font-size:36px;
		float:left;
}

a.category {
		background-color:#cc0000;
		color:white;
		padding:5px 10px;
		font-weight:600;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		width:auto; float:left;
		margin-top: 20px;
}

.flexslider li  p {
	margin-bottom:30px;
	font-size:14px;
}
.flexslider li h2,
.flexslider li a.category,
.flexslider li p {
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutRight;
		animation-name: fadeOutRight;
}
.flexslider li img {
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutLeft;
		animation-name: fadeOutLeft;
		width:50%;
		margin-left:5%;
}

.flexslider li.flex-active-slide .meta h2,
.flexslider li.flex-active-slide .meta a.category,
.flexslider li.flex-active-slide .meta p {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
}
.flexslider li.flex-active-slide img {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}

.flexslider li.flex-active-slide .meta h2 {
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
}

.flexslider li.flex-active-slide .meta a.category {
		-webkit-animation-delay: .6s;
		animation-delay: .6s;
}

.flexslider li.flex-active-slide .meta p {
		-webkit-animation-delay: .8s;
		animation-delay: .8s;
}

.flex-direction-nav {
		position: absolute;
		top: 0;
		left: 30px;
		width: 96%;
}

.flex-direction-nav a {
		text-decoration: none;
		display: block;
		width: 50px;
		height: 50px;

		margin: -20px 0 0;
		position: absolute;
		top: 200px;
		z-index: 10;
		overflow: hidden;

		cursor: pointer;
		color: #fff;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		text-indent:9999em;
}

.flex-direction-nav .flex-prev {
		text-align: left;
		left: 0px;
		background: url(../images/left.png) no-repeat;
		background-size: 50px 50px;
}

.flex-direction-nav .flex-next {
		text-align: right;
		right: 0px;
		background: url(../images/right.png) no-repeat;
		background-size: 50px 50px;
}

.flexslider:hover .flex-prev {
}

.flexslider:hover .flex-next {
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
		opacity: 1;
}

.flex-direction-nav a:before {
		content: '>';
		font-size: 25px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
		top: 1px;
		padding: 2px;
}

.flex-direction-nav a.flex-next:before {
		content: '<';
}

@-webkit-keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}

@keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}